.table {
    border-collapse: collapse;
    & th, & td {
        text-align: left;
        padding: .5em .75em;
        border: 1px solid gray(219);
        border-width: 0 0 1px 0;
    }

    & thead {
        & th {
            border-bottom-width: 2px;
        }
    }

    &.is-bordered {
        & th, & td {
            border-width: 1px;
        }
    }

    &.is-striped {
        & tr:nth-child(even) {
            background-color: gray(250);
        }
    }

    &.is-hovered {
        & tr:hover {
            background-color: gray(250);
        }
    }

    &.is-fullwidth {
        width: 100%;
    }

}
